<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <title>CatShop</title>
    <link rel="stylesheet" href="css/normalize.css"/>
    <link rel="stylesheet" href="libs/font-awesome-4.5.0/css/font-awesome.min.css"/>
    <link rel="stylesheet" href="css/app.css"/>
    <link rel="stylesheet" href="css/slider.css"/>
</head>
<body>
	<!--头部 -->
	<header class="top-header fixed-head checkout-head">
		<a href="javascript:history.back(-1)"><i class="fa fa-chevron-left"></i></a>
		<h3>订单</h3>
	</header>	
	<!--详情-->
	<div class="container order">
		<dl>
			<dt><img src="img/pic1.png"/></dt>
			<dd>
				<h4>史上最美连衣裙</h4>
				<span>尺码：l</span>
				<span>×1</span>
			</dd>
			<dd class="pull-right">
				<i class="fa fa-close"></i>
				<p>￥25.99</p>
			</dd>
		</dl>
		<dl>
			<dt><img src="img/pic1.png"/></dt>
			<dd>
				<h4>史上最美连衣裙</h4>
				<span>尺码：l</span>
				<span>×1</span>
			</dd>
			<dd class="pull-right">
				<i class="fa fa-close"></i>
				<p>￥25.99</p>
			</dd>
		</dl>
		<div class="order-total">
			<h4>总计</h4>
			<p class="pull-right">￥655.99</p>
		</div>
		<input type="button" value="支付"/>
	</div>
	<script src="libs/zepto/zepto.min.js"></script>
    <script src="js/app.js"></script>
</body>
</html>